<!DOCTYPE html>
<html lang="zh-cn">
	<head>
	    <meta charset="utf-8">
	   	<title>HTML TEMP </title>
	   	<style type="text/css">
	   		/*div{
	   			color: red;
	   		}*/

	   		/*span{
	   			color: red;
	   		}*/

	   		/*#div1{
	   			color: red;
	   		}*/
	   		/*.red{
	   			color: red;
	   		}*/
/*
	   		span.red{
	   			color: red;
	   		}
*/
/*
	   		div .red{
	   			color: red;
	   		}*/


	   		#div1 span.red{
	   			color: red;
	   		}
	   		
	   		input[type="text"]{
	   			border: 1px dotted  red;
	   		}
	   		input[type="password"]{
	   			border: 1px solid  green;
	   		}
	   	</style>
		</head>
	<body>
		<div class="red" id="div1">我是div1
				<div class="red">我是div1-1</div>
				<span class="red">我是个span1</span>
		</div>
		<input type="text" >
		<input type="password" >

		<div id="div2">我是div2</div>
		<span class="red">我是个span1</span>
		<span>我是个span2</span>


	</body>
</html>